@charset "UTF-8";

.dwbg .dwb {
    color: black;
}

.token_iframe
{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    bottom: 0;
    top: 0;
    overflow: hidden;
    border: none
}

body,
p,
ul{
    margin: 0;
    padding: 0;
}

/******************** common ********************/
a{
    text-decoration: none;
    /*display: block;*/
}

body{
    background: #EDF0F0;
}

/******************** header ********************/

/*header begin*/
/*------------ @media all ------------*/

/*顶部导航栏 begin*/
header{
    position: fixed;
    top: 0px;
    z-index: 90;
    width: 100%;
    height: 7.8vh;
    line-height: 7.8vh;
}
div.navigation{
    float: left;
    height: 7.8vh;
    line-height: 7.8vh;
    background: #75C9F5;
}

div.navigationRight{
    float: left;
    height: 7.8vh;
    line-height: 7.8vh;
    background: #75C9F5;
}

#navigation-right,
#navigation-left{
    width: 20vw;
}

#navigation-title{
    width: 60vw;
}

@media screen and (min-width: 720px) and (max-width: 832px){
    #navigation-right,
    #navigation-left{
        width: 25%;
    }

    #navigation-title{
        width: 50%;
    }
}

div.clear:after{
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    line-height: 0;
    content: "";
}

a.navigation-leftBtn,
a.navigation-rightBtn,
p.navigation-rightBtn{
    color: white;
    display: block;
    height: 7.8vh;
    line-height: 7.8vh;
    font-size: 4.16vw;
}

a.navigation-rightBtn,
p.navigation-rightBtn{
    margin-right: 2.7vw;
    text-align: right;
}

a.navigation-leftBtn{
    margin-left: 2.7vw;
}

img.leftArrow{
    height: 2.2vh;
}

span.task_back{
    display: inline-block;
    color: white;
    font-size: 4.16vw;
    width: 50%;
}

p.title{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 7.8vh;
    height: 7.8vh;
    color: white;
    display: block;
    font-size: 4.72vw;
}
/*顶部导航栏 end*/

/*menu begin*/
div.menu{
    width: 100%;
    height: 5.2vh;
    background-color: white;
}

li.menu-li{
    float: left;
    display: block;
    width: 33.3vw;
    list-style: none;
    text-align: center;
}

a.menu-a{
    font-size: 4.16vw;
    width: 98%;
    height: 5.2vh;
    line-height: 5.2vh;
    color: #646464;
    display: block;
    float: left;
}

/*TODO:分割线添加*/
div.verticalLine{
    width: 0.27vw;
    height: 3.125vh;
    background-color: #CCCCCC;
    margin-top: 1.17vh;
    float: left;
}

div.menu-line{
    width: 100%;
    height: 0.31vh;
    position: absolute;
    left: 0px;
}

div.line{
    width: 33.3vw;
    height: 0.31vh;
    position: absolute;
    background-color: #75C9F5;
}

/*menu end*/

/*header end*/

/*content begin*/
div.content-div{
    width: 100%;
    margin-top: 14.5vh;
    margin-bottom: 8.33vh;
    padding: 0;
    z-index: 1;
}

div.noDataContent-div{
    display: none;
    width: 100%;
    margin-top: 14.5vh;
    margin-bottom: 8.33vh;
    padding: 0;
}

p.task-tip{
    color: #ABDBF5;
    padding: 0;
    text-align: center;
    font-size: 3.9vw;
    margin-top: 1.01vh;
    width: 100%;
    height: 1.95vh;
    line-height: 1.95vh;
}

div.noTask-div{
    display: none;
    width: 100%;
    margin-top: 14.5vh;
    margin-bottom: 8.33vh;
    padding: 0;
}

p.noTask-tip{
    color: #ABDBF5;
    padding: 0;
    text-align: center;
    font-size: 3.9vw;
    margin-top: 1.01vh;
    width: 100%;
    height: 1.95vh;
    line-height: 1.95vh;
}
div.noTaskButton-div {
    margin-top: 8.0vh;
    margin-left: 20%;
    line-height: 6.0vh;
    color: white;
    text-align: center;
    font-size: 5.0vw;
    background-color: #75C9F5;
    width: 60%;
    height: 6.0vh;
    border-radius: 3.0vh;
}

hr.bottomLine{
    width: 95.83vw;
    margin: 3.17vh 0px 1px 4.16vw;
    border: 0;
    padding: 0;
    height: 1px;
    background-color: #E6E6E6;
    display: block;
}

ul.charge-ul,
ul.initiate-ul,
ul.finish-ul{
    margin: 0;
    padding: 0;
    width: 100%;
    /*border-top: 0.15vh solid #E6E6E6;*/
    /*border-bottom: 0.15vh solid #E6E6E6;*/
    background-color: white;
    height: auto;
}

.divLine {
    margin-bottom: 1px;
    width: 100%;
    height: 1px;
    background-color: #e6e6e6;
}

.liLine {
    margin-top: 2.0vh;
    /*margin-bottom: 1.0vh;*/
    width: 100%;
    height: 1px;
    background-color: #e6e6e6;
}

.whiteLine {
    margin-top: 2.0vh;
    /*margin-bottom: 1.0vh;*/
    width: 100%;
    height: 1px;
    background-color: white;
}

li.charge-li{
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
    /*padding-bottom: 3.17vh;*/
    margin-left: 4.1vw;
    list-style-type: none;
    /*height: 9.375vh;*/
    height: auto;
    width: 95.83vw;
    /*border-bottom: 1px solid #e6e6e6;*/
}

li.projectTaskCharge-li{
    list-style-type: none;
    height: auto;
    padding-bottom: 0.5vh;
    /*padding-bottom: 3.17vh;*/
    margin-left: 4.1vw;
    width: 95.83vw;
    padding-top: 0.5vh;
    /*border-bottom: 1px solid #e6e6e6;*/
    /*margin-top: 0.5vh;*/
}

img.chargeImg{
    width: 6.43vh;
    height: 6.43vh;
    border-radius: 3.215vh;
    display: block;
    float: right;
    background-color: red;
    margin-top: -0.5vh;
    margin-right: 1.94vw;
    /*margin: 1.47vh 1.94vw 1.47vh 0;*/
}

img.avatarImg{
    /*width: 4.16vw;*/
    /*height: 4.16vw;*/
    /*display: block;*/
    /*float: right;*/
    /*background-color: red;*/
    /*margin-right: 4.0vw;*/
    /*margin-top: 0.6vh;*/

    width: 6.43vh;
    height: 6.43vh;
    border-radius: 3.215vh;
    display: block;
    float: right;
    background-color: red;
    margin-top: -2.2vh;
    margin-right: 1.94vw;
}
/*content end*/


/*footer begin*/
footer{
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 8.64vh;
}

div.footer-div{
    width: 100%;
    height: 100%;
    background-color: white;
}

ul.footer-ul{
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

li.footer-li{
    list-style-type: none;
    text-align: center;
    float: left;
    width: 33.3vw;
    height: 8.64vh;
}

span.image-span{
    display: block;
    width: 33.3vw;
    height: 3.59vh;
    margin-top: 0.9375vh;
    margin-left: auto;
    margin-right: auto;
}

/*#footerProjectSpan{*/
    /*font-size: 3.05vw;*/
    /*color: #929292;*/
    /*display: block;*/
    /*width: 33.33vw;*/
    /*height: 4.11vh;*/
    /*margin-top: 0.625vh;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
/*}*/
span.footer-span{
    font-size: 3.05vw;
    color: #929292;
    display: block;
    width: 33.33vw;
    height: 4.11vh;
    margin-top: 0.625vh;
    margin-left: auto;
    margin-right: auto;
}

span.footer-selectSpan{
    font-size: 3.05vw;
    color: #75C9F5;
    display: block;
    width: 33.33vw;
    height: 4.11vh;
    margin-top: 0.625vh;
    margin-left: auto;
    margin-right: auto;
}

#task,
#project,
#dynamic{
    height: 6.38vw;
    width: 6.38vw;
    padding: 0;
}
/*footer end*/

/*下载附件Alert*/
.call_back_down
{
    display: none;
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100%;
    padding-top: 38vh;
    margin-top: -8vh;
    background: rgba(0, 0, 0, 0.4);
}

.call_back_down_p
{
    display: none;
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100%;
    padding-top: 38vh;
    margin-top: -13.2vh;
    background: rgba(0, 0, 0, 0.4);
}

.down_div
{
    width: 83.33vw;
    height: 15.625vh;
    margin-left: 8.333vw;
    background: white;
    border-radius: 15px;
}

.choice_big_down
{
    width: 100%;
    height: 7.8125vh;
}
.choice_it_down
{
    width: 49%;
    height: 100%;
    font-size: 4.5vw;
    color: #1091FF;
    line-height: 7.8125vh;
    text-align: center;
    float: left;

}

.popup_similar_down
{
    width: 100%;
    height: 7.8125vh;
    line-height: 7.8125vh;
    font-size: 4.5vw;
    text-align: center;
    border-bottom: 1px solid lightgrey;
    color: black;
}